<template>
  <view class="computeDetail">
    <view class="list" v-for="(item, index) in detailData" :key="index">
      <view class="title">价格信息</view>
      <view class="detail space-between">
        <view class="specs">
			<view>
				{{item.infos}}
			</view>
			<view>
				{{item.info}}{{item.desc||0}}kg
			</view>
		  <!-- 美国/<text class="main">美东</text>/空运普货直邮 -->
          </view
        >
        <view class="price">
          <view>运费:<text class="symbol">¥</text></view>
          <view class="num">{{item.price}}</view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
		detailData:[]
	};
  },

  onLoad(option) {
	  if(option.form){
		  let form = JSON.parse(option.form);
		  console.log(form,"form")
		  form.info = JSON.stringify(form.lwh);
		  delete form.lwh
		  this.$api.post({
		      url: "/ebapi/public_api/price",
		      data: form,
		      success: (res) => {
				console.log(res,"res");
		  		this.detailData = res;
		  	},
		   })
	  }
  },

  methods: {},
};
</script>

<style lang="scss">
.computeDetail {
  font-size: $uni-text-size-title;
  padding: 30rpx 0;

  .list {
    margin-top: 35rpx;
    padding-bottom: 30rpx;
    border-bottom: 1rpx solid #cccccc;

    .detail {
      margin-top: 20rpx;

      .specs {
        font-weight: bold;

        .main {
          color: $uni-color-main;
        }
      }

      .price {
        width: 260rpx;
        display: flex;
        align-items: baseline;

        .symbol {
          color: #e32323;
        }

        .num {
          font-size: 48rpx;
          color: #e32323;
        }
      }
    }
  }
}
</style>
